<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
	<div class="container">
		<!-- 按钮大小根据内容变化 -->
		<button type="button" class="btn btn-default">default</button>
		<button type="button" class="btn btn-primary">primary</button>
		<button type="button" class="btn btn-success">success</button>
		<button type="button" class="btn btn-info">info</button>
		<button type="button" class="btn btn-warning">warning</button>
		<button type="button" class="btn btn-link">link</button>
		<button type="button" class="btn btn-danger">danger</button>
	</div>

	<div class="div">
		<!-- btn-lg,btn-sm,btn-xs由大到小排列 -->
		<button type="button" class="btn btn-info btn-lg">info</button>
		<button type="button" class="btn btn-info">info</button>
		<button type="button" class="btn btn-info btn-sm">info</button>
		<button type="button" class="btn btn-info btn-xs">info</button>
	</div>

	<!-- btn-block全屏 -->
	<button type="button" class="btn btn-default btn-block">Hello</button>

	<!-- 还可以使用a标签来替代button,disabled禁用状态-->
	<a href="#" class="btn btn-default btn-lg active" role="button" disabled="disabled">hello</a>
	<button type="button" class="btn btn-default active">default</button>
	<input class="btn btn-default" type="button" value="Input"></input>

	<!-- 图片:圆形、带圆角、带边框效果 -->
	<img src="img/banner.png" class="img-circle">
	<img src="img/banner.png" class="img-rounded">
	<img src="img/banner.png" class="img-thumbnail">
</body>
</html>